<jsp:include page="header.jsp" />
<div id="page-wrapper" >
				
	
	
		<div class="col-sm-10 col-sm-offset-2">
			<h1 class = "page-header col-sm-12">Manage your account</h1>
			
			<div class = "col-sm-2" style = "border-right: 1px solid #ccc;">
				
				<ul class = "nav">
					<li><a href = "/MetaQBank/editProfile.jsp">Edit Profile</a></li>
					<li><a href = "/MetaQBank/changePassword.jsp">Change Password</a></li>
					<li><a href = "/MetaQBank/upload.jsp">Upload Photo</a></li>
				</ul>
				
			</div>
			
			<div class = "col-sm-6">	
				<h3> Upload Profile Picture </h3>
				<form class="form-horizontal" role="form" action ="/MetaQBank/rest/profile/uploadPhoto">
					<div class = "col-sm-offset-3">
						<img src="images/profile_pic.png" class = "col-sm-offset-3"  style = "width : 100px" height = "100px" class="img-responsive" alt="Responsive image"/>
						<div class = "col-sm-12">&nbsp;</div>
						<div class = "col-sm-12">&nbsp;</div>
						<input type = "file"> Upload Profile Picture
						<div class = "col-sm-12">&nbsp;</div>
						<div class = "col-sm-12">&nbsp;</div>
						<button class = "btn btn-primary">Upload</button>
					</div>
				</form>			
			</div>
		
        </div>
    </div>